<template>
    <div class="bodys">
        <Header :headerTxt="$t('ws_assets.extract')" :showBack="true"></Header>
        <p style="height:1rem;margin:0"></p>
        <p class="ptype">{{$t('ws_assets.flashlight')}}</p>
        <div class="mid">
          <div class="dtop">
              <p>{{$t('ws_assets.referAddress')}}<br/><input type="text" :placeholder="$t('ws_assets.enterAdd')"></p>
          </div>
           <div class="dmid">
              <p>{{$t('ws_assets.referAmount')}}<br/><input type="text" placeholder="$t('ws_assets.Minimum')"></p>
              <p class="pname"><span>USDT</span></p>
          </div>
           <div class="dmid">
              <p><span>{{$t('ws_assets.handlingFee')}}</span><br> <input type="text" :placeholder="fee"></p>
              <p class="pname"><span>USDT</span></p>
          </div>
          <p class="annotation">{{$t('ws_assets.Note')}}：{{$t('ws_assets.mixCoin')}}{{fee}}</p>
        </div>
        <el-button type="primary">{{$t('ws_assets.extract')}}</el-button>
    </div>
</template>
<script>
import Header from "@/components/Header";
export default {
    data(){
        return{
            fee:0.00
        }
    },
    methods: {
        showvalue(){
        }
    },
    components:{ Header },
    mounted(){ 
        
    }
}
</script>
<style lang="stylus" scoped>
.bodys{
    background:#F8F8FF
    height:100vh;
    width:100vw;
}
.ptype{
    width:90vw;
    margin-top:.2rem;
    margin-left:5vw;
    margin-bottom :0rem;
    border-radius :1px solid #000
    font-size:.35rem;
    height:.8rem;
    line-height :.8rem;
    background:#fff;
    text-align :center;
}
.mid{
    margin-top :.2rem;
    background: #fff;
    width:100vw;
    height:33vh;
    >P{
         font-size:.35rem; 
    }
    >div{
        height:11vh;
            >p{
        font-size:.35rem; 
        margin:0;
        }
    }
    .dtop{
        position: relative;
        border-bottom:1px solid #E4E7ED;
        p{
            margin-left:5vw;
             position: absolute;
             margin-top:2vh;;
        }
        input{
               display: inline;
               height:4vh;
               font-size:.3rem;
               outline :none;
        }
    }
    .dmid{
        display :flex;
        justify-content:space-between;
        border-bottom:1px solid #E4E7ED;
        p{
            margin-left:5vw;
             margin-top:2vh;
        }
        input{
               display: inline;
               height:4vh;
               font-size:.3rem;
               outline :none;
        }
        .pname{
            margin-right:5vw;
        }
    }
}
.annotation{
    display:block; 
    font-size:.25rem !important;
    height:7vh !important;
    line-height :7vh;
    background:#fff;
    margin-top:0;
    text-indent :5vw;
    color:#DCDFE6
}
.el-button{
    width:80vw;
    margin-left:10vw;
    margin-top:2rem;
}
</style>